<div class="m-container">
    <link href="/stylesheets/homework.min.css" rel="stylesheet"
          type="text/css" charset="utf-8">
    <div id="arrangehomework">
        <div class="w-base" style="position: relative; zoom: 1;  z-index: 5;">
            <div class="w-base-title">
                <h3 style="margin-top: 0">作业布置</h3>
            </div>
            <div class="w-base-container">
                <div id="level_and_clazzs" class="t-homework-form" style="overflow: visible;">
                    <dl>
                        <dt>班级</dt>
                        <dd style="overflow: hidden; *zoom:1; position: relative;">
                            <div class="w-border-list t-homeworkClass-list">
                                <ul>
                                    <li class="pull-down" id="homework-course-select">
                                        <!--选项添加在这里-->
                                    </li>
                                </ul>
                            </div>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="w-base h-baseTab" id="hkTabcontent">
                <div id="homeworkTabs" class="w-base-title" style="margin-bottom: 23px;">
                    <div class="w-base-switch w-base-two-switch h-switch">
                        <ul class="Teachertitle" id="upload_button">
                            <li class="active">
                                <a href="javascript:void(0);">
                                    <span class="h-arrow"><i class="w-icon-arrow w-icon-arrow-blue"></i></span>
                                    <span class="w-icon-new w-icon-public" style="display: none;"></span>
                                    <p>手动上传</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);">
                                    <span class="h-arrow"><i class="w-icon-arrow w-icon-arrow-blue"></i></span>
                                    <span class="w-icon-new w-icon-public" style="display: none;"></span>
                                    <p data-bind="text:name">收藏选取</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);">
                                    <span class="h-arrow"><i class="w-icon-arrow w-icon-arrow-blue"></i></span>
                                    <span class="w-icon-new w-icon-public" style="display: none;"></span>
                                    <p data-bind="text:name">题库选取</p>
                                </a>
                            </li>
                        </ul>

                    </div>
                </div>
                <div id="tabContent">
                        <div style="display: block" id="upload-list">
                            <form class="form-horizontal" id="homework-post-form" style="width: 80%;margin: 0 auto;">
                                <div class="form-group">
                                    <label for="homework-file" class="col-sm-2 control-label">添加附件：</label>
                                    <div class="col-sm-10">
                                        <input type="file" class="form-control"
                                               name="homework-file" id="homework-file">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-title">作业名称：</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control"
                                               name="homework-title" id="homework-title" placeholder="作业名称">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-author">作业作者：</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control"
                                               name="homework-author" id="homework-author" placeholder="作业作者">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-level">作业难度：</label>
                                    <div class="col-sm-10">
                                        <select name="homework-level" class="form-control"
                                                id="homework-level" placeholder="作业难度">
                                            <option value="0">很简单</option>
                                            <option value="1">简单</option>
                                            <option value="2">中等</option>
                                            <option value="3">困难</option>
                                            <option value="4">很困难</option>
                                            <option value="5">地狱级</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="isAdded" class="col-sm-2 control-label">上传题库：</label>
                                    <div class="col-sm-10" id="isAdded">
                                        <label class="radio-inline">
                                            <input type="radio" name="isAdded" value=1 checked>是
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="isAdded" value=0>否
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="isChecked" class="col-sm-2 control-label">批改方式：</label>
                                    <div class="col-sm-10" id="isChecked">
                                        <label class="radio-inline">
                                            <input type="radio" name="isChecked" value=0>自动批改（只支持选择题）
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="isChecked" value=1 checked>人工批改
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                        <label for="instruction" class="col-sm-2 control-label">题目内容：</label>
                                        <div class="col-sm-10">
                                            <textarea class="form-control" id="instruction" name="instruction"
                                                      rows="3" placeholder="此处可输入题目的内容"></textarea>
                                        </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-tags">设置标签：</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="homework-tags"
                                             name="homework-tags"  placeholder="输入格式：web iOS">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-deadline">截止时间：</label>
                                    <div class="col-sm-10">
                                        <input type="date" class="form-control" value=""
                                             name="homework-deadline"  id="homework-deadline">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-score">所占分数：</label>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" id="homework-score"
                                                name="homework-score" placeholder="输入所占分数">
                                        </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="homework-answer">作业答案：</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="homework-answer"
                                            name="homework-answer" placeholder="选择自动批改才需填写此项。选择题输入格式：A B，判断题只用T/F">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <button type="reset" class="btn btn-danger question-delete" style="margin-right: 20px"
                                                onclick="">重置</button>
                                        <button type="button" class="btn btn-primary question-confirm"
                                                onclick="homework_create();">上传</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div style="display: none">
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingOne">
                                        <h4 class="panel-title">
                                            <div class="row" style="margin: 0;text-align: center">
                                                <div class="col-xs-6" style="padding-top: 10px">
                                                    <a class="col-xs-6" role="button" data-toggle="collapse"
                                                       data-parent="#accordion"
                                                       href="#collapse-0" aria-expanded="true"
                                                       aria-controls="collapse-0">
                                                        五年级竞赛试卷
                                                    </a>
                                                </div>
                                                <div class="col-xs-3" style="padding-top: 10px">德玛西亚</div>
                                                <div class="col-xs-3">
                                                    <button type="button" class="btn btn-success">添加</button>
                                                    <button type="button" class="btn btn-danger">移除</button>
                                                </div>
                                            </div>
                                        </h4>
                                    </div>
                                    <div id="collapse-0" class="panel-collapse collapse in" role="tabpanel"
                                         aria-labelledby="heading-0">
                                        <div class="panel-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson
                                            ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
                                            Food truck
                                            quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put
                                            a bird on
                                            it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim
                                            keffiyeh
                                            helvetica, craft beer labore wes anderson cred nesciunt sapiente ea
                                            proident. Ad vegan
                                            excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw
                                            denim aesthetic synth nesciunt you probably haven't heard of them accusamus
                                            labore
                                            sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingTwo">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse"
                                               data-parent="#accordion" href="#collapseTwo" aria-expanded="false"
                                               aria-controls="collapseTwo">
                                                Collapsible Group Item #2
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                                         aria-labelledby="headingTwo">
                                        <div class="panel-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
                                            synth nesciunt you probably haven't heard of them accusamus labore
                                            sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingThree">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse"
                                               data-parent="#accordion" href="#collapseThree" aria-expanded="false"
                                               aria-controls="collapseThree">
                                                Collapsible Group Item #3
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                                         aria-labelledby="headingThree">
                                        <div class="panel-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
                                            synth nesciunt you probably haven't heard of them accusamus labore
                                            sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div style="display: none">
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingOne">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion"
                                               href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                <div class="row" style="margin: 0;text-align: center">
                                                    <div class="col-xs-6" style="padding-top: 10px">五年级竞赛试卷</div>
                                                    <div class="col-xs-3" style="padding-top: 10px">王老师</div>
                                                    <div class="col-xs-3">
                                                        <button type="button" class="btn btn-success">添加</button>
                                                        <button type="button" class="btn btn-danger">移除</button>
                                                    </div>
                                                </div>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
                                         aria-labelledby="headingOne">
                                        <div class="panel-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson
                                            ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
                                            Food truck
                                            quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put
                                            a bird on
                                            it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim
                                            keffiyeh
                                            helvetica, craft beer labore wes anderson cred nesciunt sapiente ea
                                            proident. Ad vegan
                                            excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw
                                            denim aesthetic synth nesciunt you probably haven't heard of them accusamus
                                            labore
                                            sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingTwo">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse"
                                               data-parent="#accordion" href="#collapseTwo" aria-expanded="false"
                                               aria-controls="collapseTwo">
                                                Collapsible Group Item #2
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                                         aria-labelledby="headingTwo">
                                        <div class="panel-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
                                            synth nesciunt you probably haven't heard of them accusamus labore
                                            sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingThree">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse"
                                               data-parent="#accordion" href="#collapseThree" aria-expanded="false"
                                               aria-controls="collapseThree">
                                                Collapsible Group Item #3
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                                         aria-labelledby="headingThree">
                                        <div class="panel-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
                                            synth nesciunt you probably haven't heard of them accusamus labore
                                            sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>